<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/home/home.css">
</head>

<body>
    <header>旅游景点</header>
    <footer>
        <a class="home" href="./index.html">
            <div class="imgbox">
                <img src="./image/home.webp">
                <img class="active" src="./image/home-active.webp">
            </div>
            <p>首页</p>
        </a>
        <a class="selected" href="./selected.html">
            <div class="imgbox">
                <img src="./image/selected.webp">
                <img class="active" src="./image/selected-active.webp">
            </div>
            <p>精选</p>
        </a>
        <a class="shoppcart" href="./shoppcart.html">
            <div class="imgbox">
                <img src="./image/shoppcart.webp">
                <img class="active" src="./image/shoppcart-active.webp">
            </div>
            <p>购物车</p>
        </a>
        <a class="personal" href="personal.html">
            <div class="imgbox">
                <img src="./image/personal.webp">
                <img class="active" src="./image/personal-active.webp">
            </div>
            <p>我的</p>
        </a>
    </footer>
    <div class="suspension-content">
        <div class="model1">
            <img src="./image/headset.png">
        </div>
        <div class="model2">
            <img src="./image/gotoshoppcart.png">
        </div>
    </div>

    <div class="main">
        <img src="./image/home/1.webp" class="headerImg">

        <div class="navBox">
            <div class="nav">
                <div>
                    <div class="imgbox">
                        <img src="./image/home/2.webp">
                    </div>
                    <div class="text">
                        <h3>当季热门</h3>
                        <p>旅游说走就走</p>
                    </div>
                </div>
                <div>
                    <div class="imgbox">
                        <img src="./image/home/3.webp">
                    </div>
                    <div class="text">
                        <h3>专享定制</h3>
                        <p>不走寻常路</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="Culture">
            <h2>企业文化</h2>
            <p>
                作为中国优秀的在线休闲旅游公司，始终以让旅游更
                加单为企业使命，为消费者提供便捷的产品与服务
            </p>
        </div>

        <div class="banner">
            <ul class="exhibition">
                <li class="bannerItem">
                    <img src="./image/home/4.webp">
                    <p>
                        泰国曼谷-芭提雅机票+当地5晚6或7日游
                    </p>
                    <div>
                        <span>￥3999</span>
                        <img src="./image/smallShoppCart.png">
                    </div>
                </li>
                <li class="bannerItem">
                    <img src="./image/home/5.webp">
                    <p>
                        法国+瑞士+意大利10-12日瑞士深度游
                    </p>
                    <div>
                        <span>￥9999</span>
                        <img src="./image/smallShoppCart.png">
                    </div>
                </li>
                <li class="bannerItem">
                    <img src="./image/home/6.webp">
                    <p>
                        荷兰比利时10日游-欧洲深度游
                    </p>
                    <div>
                        <span>￥12999</span>
                        <img src="./image/smallShoppCart.png">
                    </div>
                </li>
                <li class="bannerItem">
                    <img src="./image/home/7.webp">
                    <p>
                        泰国清迈、清莱5天星享风情之旅
                    </p>
                    <div>
                        <span>￥3000</span>
                        <img src="./image/smallShoppCart.png">
                    </div>
                </li>
            </ul>
        </div>

        <div class="PopularRoute">
            <div class="header">- 热门路线 -</div>
            <div class="bannerItem PopularRoute-bannerItem">
                <img src="./image/home/8.webp">
                <p>
                    泰国曼谷-芭提雅机票+当地5晚6或7日游
                </p>
                <div>
                    <span>￥12999</span>
                    <img src="./image/smallShoppCart.png">
                </div>
            </div>
            <div class="region">
                <img src="./image/home/9.webp">
                <img src="./image/home/10.webp">
                <img src="./image/home/11.webp">
                <img src="./image/home/12.webp">
            </div>
        </div>

        <div class="PopularRoute MoreRoutes">
            <div class="header">- 更多路线 -</div>
            <div class="bannerlist">
                <div class="bannerItem">
                    <img src="./image/home/13.webp">
                    <p>
                        泰国普吉岛7日5晚游纯玩无购物
                    </p>
                    <div>
                        <span>￥1999</span>
                        <img src="./image/smallShoppCart.png">
                    </div>
                </div>
                <div class="bannerItem">
                    <img src="./image/home/14.webp">
                    <p>
                        马尔代夫6天机＋广州香港往返
                    </p>
                    <div>
                        <span>￥1599</span>
                        <img src="./image/smallShoppCart.png">
                    </div>
                </div>
                <div class="bannerItem">
                    <img src="./image/home/15.webp">
                    <p>
                        埃及-帝王陵-金字塔 双飞8日游
                    </p>
                    <div>
                        <span>￥3999</span>
                        <img src="./image/smallShoppCart.png">
                    </div>
                </div>
                <div class="bannerItem">
                    <img src="./image/home/16.webp">
                    <p>
                        日本东京-富士山-大阪5晚6日游
                    </p>
                    <div>
                        <span>￥5600</span>
                        <img src="./image/smallShoppCart.png">
                    </div>
                </div>
            </div>
        </div>

        <div class="PopularRoute TourismStrategy">
            <div class="header">- 旅游攻略 -</div>
            <ul class="text">
                <li>
                    <p>去马来西亚旅游有哪些旅游必须知道的事</p>
                    <span>3年前 (2019-02-19)</span>
                </li>
                <li>
                    <p>最让你惊喜的境外旅游城市或者景点</p>
                    <span>3年前 (2019-02-19)</span>
                </li>
                <li>
                    <p>纯干货日本旅游旅行攻略-非游记</p>
                    <span>3年前 (2019-02-19)</span>
                </li>
                <li>
                    <p>泰国旅游攻略和注意事项</p>
                    <span>3年前 (2019-02-19)</span>
                </li>
            </ul>
        </div>
    </div>
</body>
<script src="./js/jquery-3.6.0.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/less.min.js"></script>

</html>